// quora主题色彩变量
$primary-color: #B92B27;
$primary-hover: #B92B27;
$primary-active: #B92B27;

$secondary-color: #8590a6;
$text-color: #1a1a1a;
$text-secondary: #8590a6;
$text-tertiary: #c4c4c4;
$text-light: #b2b2b2;

$border-color: #ebebeb;
$border-light: #f6f6f6;
$background-color: #ffffff;
$background-light: #f6f6f6;
$background-gray: #fafafa;

// 成功、警告、错误色
$success-color: #52c41a;
$warning-color: #faad14;
$error-color: #ff4d4f;

// 阴影
$shadow-light: 0 1px 3px rgba(26, 26, 26, 0.1);
$shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.15);
$shadow-heavy: 0 8px 24px rgba(0, 0, 0, 0.12);

// 圆角
$border-radius-small: 4px;
$border-radius-medium: 6px;
$border-radius-large: 8px;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 字体大小
$font-size-xs: 12px;
$font-size-sm: 14px;
$font-size-md: 16px;
$font-size-lg: 18px;
$font-size-xl: 20px;
$font-size-xxl: 24px;
$font-size-xxxl: 28px;

// 布局宽度
$container-width: 1400px;
$sidebar-width: 280px;
$header-height: 52px;
